//定义全局变量
var allCount = 0;
let q = {
    pagenum :1,//页数
    pagesize : 2,//一页显示的数据条数
    cate_id:'',//分类id
    state : ''//已发布/草稿
}
//获取文章数据列表
function load() {
    
    artListAPI(q,res => {
        //把数据铺设到页面上
        let arr = res.data.data;
        if(arr.length === 0) {//当前页没有数据
            q.pagenum--;
            load();//重新请求数据
            return;
        }
        allCount = res.data.total;
        $(".layui-table tbody").empty()
        arr.forEach(obj => {
            let theTr = `<tr>
            <td>${obj.title}</td>
            <td>${obj.cate_name}</td>
            <td>${obj.pub_date}</td>
            <td>${obj.state}</td>
            <th>
            <a href="/iframe/article/publisher/publisher.html?id=${obj.Id}" class="layui-btn layui-btn-xs">编辑</a>
            <button myid="${obj.Id}" type="button" class="layui-btn layui-btn-xs layui-btn-danger del">删除</button>
            </th>
            </tr>`
            $(".layui-table tbody").append(theTr);
        })
        setPage();//生成分页器
    })
}
load();

//分页的铺设
function setPage() {
    var laypage = layui.laypage;
    laypage.render({
        elem : 'page',//分页所在容器的id
        count: allCount,//数据页数
        limit:q.pagesize,//每页显示的条数
        limits:[5,10,15,20],//下拉没条数
        layout:['count','prev','page','next','limit','skip'],
        curr:q.pagenum,//分页器重新生成
        jump:function(obj,first) {
            console.log(obj.curr);
            console.log(obj.first);
            if(!first) {
                q.pagenum = obj.curr;//把页数重新赋值
                q.pagesize = obj.limit;//每页显示的条数同步到q上
                load();
            }
        }
    });
}


//类别数据获取和铺设
acateListAPI({},res =>{
    let arr = res.data.data;
    $("select[name=category]").append(`<option value="" lay-verify="cate">所有分类</option>`)
    arr.forEach(obj => {
        var theOption = `<option value="${obj.Id}" lay-verify="cate">${obj.name}</option>`;
        $("select[name=category]").append(theOption);
    })
    //让layui刷新一下表单
    layui.form.render('select','category');


    //分类数据回来了，再绑定筛选表单里的submit事件
    $(".search").on("submit", e => {
        e.preventDefault();
        //把下拉参数的值放到参数q里，在浪load（）执行一次，把参数q发送给后台，获取新的数据，load重新铺设页面
        q.cate_id = $("select[name=category]").val();
        q.state = $("select[name=state]").val();
        load();
    })
})


//删除按钮-事件委托-绑定点击事件
$(".layui-table tbody").on("click",".del",function() {
    delArtAPI($(this).attr("myid"),res => {
        load();
    })
})
